<!DOCTYPE html>
<html>
    <head>
        <meta charset='utf-8' />
        <style>
            ul{
            list-style:none;
            list-style-image:url(b.jpg);
            }
            li{
                position:relative;
                left:40px;
            }
            a{text-decoration:none;}   /*去除超链接的下划线*/
            div.c1{
                width:200px;height:200px;border:1px solid red;
                overflow:hidden;    /*溢出隐藏*/
            }
        </style>
    </head>
    <body>
        <h2>CSS样式实例:列表属性</h2>
        <ul>
            <li>aaaaaaaaaaaaa</li>
            <li>bbbbbbbbbbbbb</li>
            <li>ccccccccccccc</li>
            <li>ddddddddddddd</li>
        </ul>
        
        <a href='http://www.baidu.com'/>百度一下</a>
        
        <div class='c1'>
            <img src='./images/3.jpg' />
        </div>
    </body>
</html>